<!--
 * @Descripttion: unTitle
 * @Author: yizheng.yuan
 * @Date: 2019-08-13 11:24:51
 * @LastEditors: yizheng.yuan
 * @LastEditTime: 2021-11-10 17:30:52
-->
<!DOCTYPE html>
<html>
<head lang="en">
    <title>roast 实例</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script  type="text/javascript" src="./node_modules/vue/dist/vue.js"></script>
    <script  type="text/javascript" src="./dist/vue-toast-demo.js"></script>
</head>
<body>
<div id="app">
    <a href="javascript:;" @click="toast">点击弹出toast</a>
</div>
<script type="text/javascript">
    var app=new Vue({
        el: '#app',
        methods:{
            toast:function(){
                this.$toast.show(
                    "you have some wrongs!",
                    {
                        duration:2000,
                        color:'blue',
                        background:'#eee'
                    })
            }
        }
    })
</script>
</body>
</html>